<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.org/ui" 
      xmlns:ui="http://java.sun.com/jsf/facelets">
    <h:head>

        <style type="text/css">
            .ui-widget, .ui-widget .ui-widget {
                font-size: 90%;
            }
        </style>

        <title>SIGEDEN - Sistema Gerenciador de Denúncias</title>
        <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script> 
        <script type="text/javascript">
            function setAutorAnonimo(valor){
 
                document.getElementById('formDenunciaReal:hiddenAutor').value = valor;
 
            }
            function setTipoDenuncia(valor){
 
                document.getElementById('formDenunciaReal:hiddenTipoDenuncia').value = valor;
 
            }
            
        </script>
    </h:head>
    <h:body>
        <p:spacer height="180" />
        <h:form>
            <center>
                <h:panelGrid columns="2" width="100%" style="text-align: center;" >
                    <h:panelGrid columns="2" width="50%" style="text-align: center;">
                        <p:commandButton style="width: 300px; height: 66px;" value="Denúncia Real e outros eventos" onclick="dlgDenunciaReal.show()"/>
                        <p:commandButton style="width: 300px; height: 66px;" value="Denúncia Virtual" onclick="dlgDenunciaVirtual.show()" />
                    </h:panelGrid>
                    <h:panelGrid columns="2" width="50%" style="text-align: center;">
                        <p:outputLabel value="Aqui você poderá fazer uma denúncia relativa a eventos virtuais asdfasd asdfa asdfasdf fdf df df df" />
                        <p:outputLabel value="Aqui você poderá fazer uma denúncia relativa a eventos virtuais" />
                    </h:panelGrid>
                </h:panelGrid>
            </center>
        </h:form>

        <p:panel id="panelDenunciaReal" >
            <h:form id="formDenunciaReal">

                <p:message for="txtDenunciaReal" display="icon" />
                <p:dialog widgetVar="dlgDenunciaReal" resizable="false" header="Cadastro de denúncia real" width="800" modal="true">
                    <p:spacer height="22" width="0"/>
                    <h:outputText value="Indique no mapa a localização do evento" />
                    <p:growl id="messages" showDetail="true" life="2000" />  

                    <p:gmap center="-15.803578543470065, -47.92743802070618" zoom="10" type="ROADMAP" style="height:240px" model="#{denunciaBean.draggableModel}">  
                        <p:ajax event="markerDrag" listener="#{denunciaBean.onMarkerDrag}" update="messages" />
                    </p:gmap> 

                    <p:messages id="msgsDenunciaReal" autoUpdate="true"/>
                    <p:spacer height="22" width="0"/>
                    <h:panelGrid columns="2">

                        <h:outputLabel for="txtEnderecoDenunciaReal" value="Endereço ou URL do sítio: *" />
                        <p:inputText id="txtEnderecoDenunciaReal" label="Endereco" value="#{denunciaBean.denuncia.endereco}" size="50" />
                        <p:watermark for="txtEnderecoDenunciaReal" value="Endereço ou URL" />
                        <!-- <p:message for="txtCategoria" display="both"  /> -->   

                        <h:outputText value="Registrou Boletim de Ocorrência? *" />  
                        <p:selectOneRadio id="boletimOcorrencia" value="#{denunciaBean.denuncia.boRegistrado}" required="true" requiredMessage="Escolha sim ou não para Boletim de Ocorrência">  
                            <f:selectItem itemLabel="Sim" itemValue="S" />  
                            <f:selectItem itemLabel="Não" itemValue="N" />  
                        </p:selectOneRadio>
                        
                        <h:outputText value="Quando o evento ocorreu? *" />  
                        <p:calendar value="#{denunciaBean.denuncia.dataDenuncia}" id="popupCal" required="true" requiredMessage="Selecione a data do acontecimento do evento"/> 

                        <h:outputText value="Sexo: *" />  
                        <p:selectOneRadio id="sexoAutor" value="#{denunciaBean.denuncia.sexo}" required="true" requiredMessage="Selecione o sexo">  
                            <f:selectItem itemLabel="Masculino" itemValue="M" />  
                            <f:selectItem itemLabel="Feminino" itemValue="F" />  
                        </p:selectOneRadio>

                        <p:outputLabel value="Categoria: *" />
                        <p:selectOneMenu value="#{denunciaBean.denuncia.categoria}" required="true" requiredMessage="Escolha uma categoria para a denúncia">
                            <f:selectItem itemLabel="---" noSelectionOption="true" />
                            <f:selectItems value="#{categoriaBean.listarCategorias()}" var="categoria"
                                           itemLabel="#{categoria.nome}" itemValue="#{categoria.nome}" />
                        </p:selectOneMenu>

                        <p:outputLabel value="Entidade Relacionada a Denúncia: " />
                        <p:selectOneMenu value="#{denunciaBean.denuncia.entidade}" >
                            <f:selectItem itemLabel="Nenhuma" itemValue="Nenhuma" />
                            <f:selectItems value="#{entidadeBean.listarEntidades()}" var="entidade"
                                           itemLabel="#{entidade.nome}" itemValue="#{entidade.nome}" noSelectionValue="Nenhuma"/>
                        </p:selectOneMenu>

                        <h:outputLabel for="txtDenunciaReal" value="Descrição:" />
                        <p:inputTextarea id="txtDenunciaReal" label="Descricao" value="#{denunciaBean.denuncia.descricao}" size="200" autoResize="false" />
                        <p:watermark for="txtDenunciaReal" value="Breve descrição do evento" />
                        <!-- <p:message for="txtCategoria" display="both"  /> -->

                    </h:panelGrid>

                    <h:inputHidden id="hiddenAutor" value="#{denunciaBean.denuncia.autor}" />
                    <h:inputHidden id="hiddenTipoDenuncia" value="#{denunciaBean.denuncia.tipoDenuncia}" />
                    <center> 
                        <p:commandButton id="adicionarCategoriaButton" value="Criar Denúncia"  action="#{denunciaBean.adicionarDenuncia}" onclick="setAutorAnonimo('Anônimo'); setTipoDenuncia('Real');"/>
                        <p:commandButton value="Limpar Campos" type="reset" />
                    </center>
                </p:dialog>
            </h:form>
        </p:panel>

        <p:panel id="panelDenunciaVirtual">
            <h:form id="formDenunciaVirtual">

                <p:message for="txtDenunciaVirtual" display="icon" />
                <p:dialog widgetVar="dlgDenunciaVirtual" resizable="false" header="Cadastro de denúncia real e eventos" width="800" modal="true">

                    <p:messages id="msgsDenunciaVirtual" autoUpdate="true"/> 
                    <h:panelGrid columns="2">

                        <h:outputLabel for="txtDenunciaVirtual" value="Descrição: *" />
                        <p:inputText id="txtDenunciaVirtual" label="Descricao" value="#{denunciaBean.denuncia.descricao}" size="50" />
                        <p:watermark for="txtDenunciaVirtual" value="Breve Descrição do evento" />
                        <!-- <p:message for="txtCategoria" display="both"  /> -->

                        <h:outputLabel for="txtEnderecoDenunciaVirtual" value="Endereço ou URL do sítio *" />
                        <p:inputText id="txtEnderecoDenunciaVirtual" label="Endereco" value="#{denunciaBean.denuncia.endereco}" size="50" />
                        <p:watermark for="txtEnderecoDenunciaVirtual" value="Endereço ou URL" />
                        <!-- <p:message for="txtCategoria" display="both"  /> -->

                        <p:outputLabel value="Categoria:" />
                        <p:selectOneMenu value="#{denunciaBean.denuncia.categoria}">
                            <f:selectItems value="#{categoriaBean.listarCategorias()}" var="categoria"
                                           itemLabel="#{categoria.nome}" itemValue="#{categoria.nome}" />
                        </p:selectOneMenu>

                    </h:panelGrid>

                    <h:inputHidden id="hiddenAutor" value="#{denunciaBean.denuncia.autor}" />
                    <h:inputHidden id="hiddenTipoDenuncia" value="#{denunciaBean.denuncia.tipoDenuncia}" />

                    <center> 
                        <p:commandButton id="adicionarCategoriaButton" value="Criar Denúncia"  action="#{denunciaBean.adicionarDenuncia}" onclick="setAutorAnonimo('Anônimo'); setTipoDenuncia('Real');"/>
                            <p:commandButton value="Limpar Campos" type="reset" />
                        </center> 
                    </p:dialog>
                </h:form>
            </p:panel>

        </h:body>
    </html>
